<template>
    <aside class="layout-aside">
        <div class="flex flex-col justify-between h-full">
            <el-scrollbar class="scrollbar">
                <navigation />
            </el-scrollbar>

            <submenu />
        </div>
    </aside>
</template>

<script setup lang="ts">
import Navigation from './Navigation.vue'
import Submenu from './Submenu.vue'
</script>

<style lang="scss" scoped>
.layout-aside {
    display: flex;
    justify-content: stretch;
    width: auto;
    height: 100%;

    .scrollbar {
        width: 90px;
        height: 100%;
        :deep(.el-scrollbar__view) {
            height: 100%;
        }
    }
}
</style>